<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页 - 航天材料及工艺研究所</title>
		<link rel="stylesheet" href="assets/plugins/bootstrap-table.min.css">
		<link rel="stylesheet" href="assets/plugins/bootstrap-table-fixed-columns.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/newIndex.css" />
	</head>
	<body>
		<div class="container">
			<div class="navigation before">
			</div>
			<div class="content">
				<header class="">
					<div class="left">
						<h1 class="ahref">首页</h1>
					</div>
					<div class="right">
						<div class="menu">
							<div class="user">
								<p>A</p>
								<div class="">
									<a href="change-password.html">修改密码</a>
									<a href="login.html">退出登录</a>
								</div>
							</div>
						</div>
					</div>
				</header>
				<div class="wrapper">
					<div class="welcome">
						<h2>👏 欢迎回来，张三</h2>
						<ul>
							<li class="box">
								<div class="category">
									<img src="assets/images/newindex/kanban@2x.png">
									<h4>预算看板</h4>
								</div>
								<div class="">
									<div class="">
										<a href="">
											<span>前往</span>
											<img src="assets/images/newindex/arrowright@2x.png">
										</a>
									</div>
									<!-- <a href="">
										<span>页面</span>
										<img src="assets/images/newindex/arrowright@2x.png">
									</a>
									<a href="">
										<span>数据</span>
										<img src="assets/images/newindex/arrowright@2x.png">
									</a> -->
								</div>
							</li>
							<li class="box">
								<div class="category">
									<img src="assets/images/newindex/dss@2x.png">
									<h4>DSS</h4>
								</div>
								<div class="">
									<div class="">
										<a href="">
											<span>前往</span>
											<img src="assets/images/newindex/arrowright@2x.png">
										</a>
									</div>
								</div>
							</li>
							<li class="box">
								<div class="category">
									<img src="assets/images/newindex/project@2x.png">
									<h4>项目库</h4>
								</div>
								<div class="">
									<div class="">
										<a href="">
											<span>前往</span>
											<img src="assets/images/newindex/arrowright@2x.png">
										</a>
									</div>
								</div>
							</li>
							<li class="box">
								<div class="category">
									<img src="assets/images/newindex/salary@2x.png">
									<h4>工资系统</h4>
								</div>
								<div class="">
									<a href="">
										<span>前往</span>
										<img src="assets/images/newindex/arrowright@2x.png">
									</a>
								</div>
							</li>
							<li class="box">
								<div class="category">
									<img src="assets/images/newindex/fentan@2x.png">
									<h4>项目间接费分摊</h4>
								</div>
								<div class="">
									<a href="">
										<span>前往</span>
										<img src="assets/images/newindex/arrowright@2x.png">
									</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="abstract">
						<div class="box projects">
							<div class="title">
								<div class="">
									<h5>项目库</h5>
									<div class="select">
										<span>创建</span>
										<img src="assets/images/newindex/arrowdown@2x.png">
										<div class="">
											<a href="">基建项目</a>
											<a href="">成本项目</a>
										</div>
									</div>
								</div>
								<a href="" class="more">
									<span>更多</span>
									<img src="assets/images/newindex/arrowrightgrey@2x.png">
								</a>
							</div>
							<ul>
								<li>
									<h6>这</h6>
									<h3>这里是项目名称</h3>
									<h4>项目类型</h4>
									<time>2023/02/21 - 2024/03/21</time>
								</li>
								<li>
									<h6>这</h6>
									<h3>这里是项目名称这里是项目名称这里是项目名称这里是项目名称这里是项目名称这里是项目名称这里是项目名称这里是项目名称</h3>
									<h4>项目类型</h4>
									<time>2023/02/21 - 2024/03/21</time>
								</li>
							</ul>
						</div>
						<div class="box inform">
							<div class="title">
								<div class="">
									<h5>消息通知</h5>
								</div>
								<a href="" class="more">
									<span>更多</span>
									<img src="assets/images/newindex/arrowrightgrey@2x.png">
								</a>
							</div>
							<ul>
								<li>
									<h3>工时审批</h3>
									<p>这里是通知内容文案</p>
									<h6>张</h6>
									<h4>审批人：张三</h4>
									<span class="pass">已通过</span>
								</li>
								<li>
									<h3>工时审批</h3>
									<p>这里是通知内容文案这里是通知内容文案这里是通知内容文案这里是通知内容文案这里是通知内容文案这里是通知内容文案</p>
									<h6>张</h6>
									<h4>审批人：张三三</h4>
									<span class="pass">已通过</span>
								</li>
								<li>
									<h3>工时审批</h3>
									<p>这里是通知内容文案</p>
									<h6>张</h6>
									<h4>审批人：张三</h4>
									<span class="underway">进行中</span>
								</li>
								<li>
									<h3>工时审批</h3>
									<p>这里是通知内容文案</p>
									<h6>张</h6>
									<h4>审批人：张三</h4>
									<span class="reject">已驳回</span>
								</li>
							</ul>
						</div>
						<div class="box table">
							<div class="title">
								<div class="">
									<h5>年度预算</h5>
								</div>
							</div>
							<div class="table-warp table1">
								<table id="table1"></table>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="mask">
			<div class="mask-content box">
				<div class="title">
					<div class="">
						<div class="select type">
							<h4>事务费</h4>
							<img src="assets/images/newNav/pulldown.svg" >
							<div class="items">
								<p>事务费</p>
								<p>固定资产折旧费</p>
								<p>外协费</p>
								<p>工资及劳务费</p>
								<p>拨入科研费</p>
								<p>材料费</p>
								<p>燃料动力费</p>
								<p>管理费</p>
							</div>
						</div>
						<div class="select year">
							<h4>2020</h4>
							<img src="assets/images/newNav/pulldown.svg" >
							<div class="items">
								<p>2020</p>
								<p>2021</p>
								<p>2022</p>
								<p>2023</p>
							</div>
						</div>
						<h3>预算明细</h3>
					</div>
					<img src="assets/images/mask/close.png">
				</div>
				<div class="details">
					<div class="charts">
						<div class="box">
							<div class="chart chart1">
								<div id="chart1" class="chart"></div>
							</div>
						</div>
						<div class="box">
							<div class="chart chart2">
								<div id="chart2" class="char2"></div>
							</div>
						</div>
					</div>
					<div class="particulars">
						<div class="">
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
							<div class="item">
								<p>项目一</p>
								<h3>100,000 <span>万元</span></h3>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/http/api.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/plugins/bootstrap-table.min.js"></script>
		<script src="assets/plugins/bootstrap-table-fixed-columns.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/plugins/incomeexpenditure.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/newIndex.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
